text is aligned right

<p style="text-align:right;">text is aligned right</p>

Teks warna

<p style="color:olive;">Teks warna</p>

This text has been transformed to uppercase

THIS TEXT HAS BEEN TRANSFORMED TO LOWERCASE

this text has been capitalized.

<p style="text-transform:uppercase;">This text has been transformed to uppercase</p> <p style="text-transform:lowercase;">THIS TEXT HAS BEEN TRANSFORMED TO LOWERCASE</p> <p style="text-transform:capitalize;">this text has been capitalized.</p>

This text has a line over the top

This text has a line through the middle

This text has a line underneath

This hyperlink has no underline

This text is blinking

<p style="text-decoration:overline;">This text has a line over the top</p> <p style="text-decoration:line-through;">This text has a line through the middle</p> <p style="text-decoration:underline;">This text has a line underneath</p> <a style="text-decoration:none;" a href="/index" >This hyperlink has no underline</a> <p style="text-decoration:blink;">This text is blinking</p>

This text has word spacing applied

<p style="word-spacing:50px;">This text has word spacing applied</p>

This text has letter spacing applied

<p style="letter-spacing:5px;">This text has letter spacing applied</p>

This text is indented by 50 pixels

<p style="text-indent:50px;">This text is indented by 50 pixels</p>

This text is running from right to left. This can be useful for languages where the text runs from right to left. Not so useful for english though...

<p style="direction:rtl;unicode-bidi:bidi-override;">This text is running from right to left. This can be useful for languages where the text runs from right to left. Not so useful for english though...</p>

This text is running from right to left. This can be useful for languages where the text runs from right to left. Not so useful for english though...

<p style="direction:rtl;">This text is running from right to left. This can be useful for languages where the text runs from right to left. Not so useful for english though...</p>

If your browser supports the CSS text-shadow property, this text will have a shadow.

<p style="text-shadow:2px 2px 8px orange;">If your browser supports the CSS text-shadow property, this text will have a shadow.</p>